<template>
  <div class="app-container">
    <el-table :data="list">
      <el-table-column label="大屏标识" align="center" prop="sName" />
      <el-table-column label="大屏名称" align="center" prop="sTitle" />
      <el-table-column label="操作" align="center" fixed="right" width="150">
        <template slot-scope="scope">
          <el-button size="mini" type="text" @click="handleConfig(scope.row)">配置</el-button>
        </template>
      </el-table-column>
    </el-table>
    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
  </div>
</template>
<script>
export default {

  name: 'ScreenList',

  data() {
    return {
      queryParams: {
        pageNum: 1,
        pageSize: 10,
      },
      total: 0,
      list: [
        { sName: 'year', sTitle: '全年数据大屏' },
        { sName: 'day', sTitle: '当日数据大屏' }
      ]
    }
  },

  methods: {
    handleConfig(data) {
      if (data.sName == 'year') {
        this.$tab.openPage("全年大屏配置", "/system/screen/yearConfig");
      } else {
        this.$tab.openPage("当日大屏配置", "/system/screen/dayConfig");
      }
    }
  }
}

</script>
<style lang="css" scoped>
</style>
